<template>
  <div @click="fatherFn">
     <p @click.stop="one">阻止事件冒泡</p>
     <a href="http://www.baidu.com" @click.prevent.stop>百度</a>
     <p @click.once="twoFn">点击观察事件处理函数执行了几次</p>
  </div>
</template>

<script>
export default {
   methods:{
       fatherFn(){
          console.log("fahter-触发click事件")
       },
       one(){
          console.log("p标签被点击了")
       },
       twoFn(){
           console.log("p标签被点击了")
       }
   }
}
</script>
  
<style>

</style>